<div class="vertical-tabs">
    <ul class="vertical-tabs-header-list">
        <li ng-repeat="hero in heroes" ng-click="setSelectedHero(hero)"
            ng-class="{ selected: selectedHero.id == hero.id }">
            <img ng-src="{{'images/character-icons/' + hero.icon}}"/>
            {{hero.name}}
        </li>
    </ul>
    <ul class="vertical-tabs-content-list">
        <li ng-show="selectedHero.id == hero.id" ng-repeat="hero in heroes">
            <img ng-src="{{'images/character-images/' + hero.image}}"/>
            <p>{{hero.description}}</p>

            <button ng-click="selectHero({ hero: selectedHero})">Start game</button>
        </li>
    </ul>

</div>